<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>快速导航-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/semantic.min.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/common.css">
<script src="http://${static_server }/js/jquery.min.js"></script>
<script src="http://${static_server }/js/semantic.min.js"></script>
<script src="http://${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="//${static_server }/js/nav.js"></script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="schoolheadsegment"
			class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">快速导航</div>
				</div>
			</div>
			<!-- content container end -->
		</div>

		<div id="mainsegment" class="ui vertical masthead segment">
			<div class="ui container">
				<div class="ui segment">
					<div class="ui tiny dividing header">
						功能导读<i class="orange help inline circle icon"
							data-content="我们为您整理高考志愿填报过程中可能用到的链接，方便您使用，如果这里没有找到您想要的链接，请告诉我们！"
							data-variation="wide"></i></div>
					<div class="ui large animated divided  very relaxed list">
						<c:forEach var="item" items="${navs }">
							<div class="item">
							    <i class="orange large linkify middle aligned icon"></i>
							    <div class="content">
							      <a class="header" href="${item.url }" target="_blank">${item.label }</a>
							      <div class="description">${item.description }</div>
							    </div>
							  </div>
						</c:forEach>
						<div class="item">
						    <i class="large help middle aligned icon"></i>
						    <div class="content">
						      <a class="header" href="javascript:void(0);" onclick="semantic.nav.hanlder.addNav();" >点我添加</a>
						      <div class="description">没有找到相关链接？为方便其他小伙伴，您可以在此增加新的快速导航!</div>
						    </div>
						  </div>
					</div>
				</div>
			</div>
			<!-- content container end -->
			<div class="ui modal" id="addNav">
				<i class="close icon"></i>
				<div class="header">增加新快速导航</div>
				<div class="content">
					<form class="ui form">
						<div class="field">
						    <label>导航简称</label>
						    <input name="label" type="text">
						 </div>
						 <div class="field">
						    <label>导航链接</label>
						    <input name="url" type="text" value="http://">
						 </div>
						<div class="field">
						    <label>导航描述</label>
						    <textarea name="description"></textarea>
						 </div>
						 <div class="ui message my hidden"></div>
						 <div class="ui error message"></div>
					</form>
				</div>
				<div class="actions">
				    <div class="ui approve orange button">提交审批</div>
				    <div class="ui cancel button">取消</div>
				  </div>
			</div>
		</div>
		<!-- segment end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>